body{
    margin: 0px;
}

/* 导航栏 */
#NavB{
    position: fixed;
    background-color: white;
    /* top: 0px; */
    width: 200%;
    height: 70px;
    z-index: 200;
    top: 0px;
    /* animation: myfirst 0.5s ease 2s 1 normal; */
    transform: top;
    transition-duration: 0.5s;    
    box-shadow: 2px 2px 2px #C0C0C0;
}
#opNa{
    position: absolute;
    /* top: 0px; */
    width: 100%;
    height: 70px;
    z-index: 2;
    top: 0px;
    /* animation: myfirst 0.5s ease 2s 1 normal; */
    transform: top;
    transition-duration: 0.5s;    
}       
#zero{
    position: absolute  ;
    height: 45%;
    z-index: 2;
    top: 25%;
    left: 50px;
}
#op{
    position: absolute;
    width: 2%;
    top: 32%;
    left:15%;
    cursor:pointer;
}
/* 导航列表 */
div div ul{
    position: absolute;
    left: 550px;
    top:-16px;
    font-size: 100%;
    list-style:none;
    color: grey;
    padding: 0 0 0 0;
}
div div ul li{
    position: relative;
    margin: 0 0px;
    float: left;
}
div div ul li a{
    position: relative;
    text-decoration: none;
    color: #595959;
    background-color: white;
    display: block;
    width: 150px;
    height: 70px;
    text-align: center;
    line-height:400%;
    transition-duration: 0.5s;
    transform: background-color;
    transform: color;
}
div div ul li a:hover{
    background-color: #11643F;
    color: white;
}

#down_span{
    position: absolute;
    top: 70px;
    left: 550px;
    width: 150px;
    height: 0px;
    text-align: center;
    background-color: white;
    transform: height;
    transition-duration: 0.5s;
    overflow: hidden;
    box-shadow: 2px 2px 2px #C0C0C0;
    cursor: pointer;
}

#down_span span{
    /* text-align: center; */
    color: #595959;
    line-height: 70px;
}


#title1{
    position: absolute;
    top: 100px;
    /* border: 1px solid black; */
    width: 200%;
}


#jpg1{
    position: absolute;
    box-shadow: 2px 2px 2px #797979;
    border: 10px solid lightgrey;
    border-radius: 300px;
    bottom: 0%;
    width: 200px;
    height: 200px;
    right: 60px;
    overflow: hidden;      
}

#jpg2{
    position: absolute;
    box-shadow: 2px 2px 2px #797979;
    border: 8px solid lightgrey;
    border-radius: 300px;
    bottom: -15%;
    width: 150px;
    height: 150px;
    right: 40px;
    overflow: hidden;      
}

#txtBox{
    border:1.5px black;
    position:absolute;
    top:200px;
    width:800px;
    left: 150px;
    border-style: solid none none none;
    filter: blur(4px);    
    transform: filter;
    transition-duration: 3s;
}

.txt1{
    position: relative;
    left: 30px;
    width: 700px;
}
.title2{
    font-weight: bold;
}

.txtInner{
    position: relative;
    left: 30px;
}

/* 底栏 */

#lowCo{
    position: absolute;
    bottom: -400px;
    width:100%;
    height: 40%;
    background-color: #595959;
}

#QR{
    position: absolute;
    top: 30%;
    left: 10%;
    width: 8%;
    float: left;
}
#lowCo ul{
    position: absolute;
    top: 3%;
    left: 40%;
}

#lowCo ul li{
    position: relative;
    margin: 0 0px;
    float: left;
    display: block;
    width: 300px;
    height: 70px
}
#lowCo ul li a{
    position: relative;
    text-decoration: none;
    color: white;
    text-align: center;
    line-height:400%;
}

#lxfs{
    position: absolute;
    top: 18%;
    left: 60%;
    color: white;
    font-size: 14px;
}

#fwzn{
    position: absolute;
    top: 18%;
    left: 35%;
    color: white;
    font-size: 14px;
}
